<style>
    .tree-folder{
        clear: both;
        background: none;
    }
    .tree-folder-open{
        clear: both;
        background: none;
    }
    .fa{
        margin-top: 3px;
    }
    .tree-icon{
        clear: both;
        background: none;
        display: none!important;
    }

</style>
<table style="width: 100%;height: 100%">
    {% if NavUl is defined %}
        <tr style="height: 67px">
            <td valign="top">{{ NavUl }}</td>
        </tr>
    {% endif %}
    <tr style="height:100%;" >
        <td class="xh-datagrid">{{ List }}</td>
    </tr>
    {% if Form is defined %}
        <tr>
            <td valign="top">
                <form id="xh_form" class="xh-form xh-hidden" method="post">
                    <div class="smart-widget">
                        <div class="smart-widget-inner">
                            <div class="smart-widget-body">
                                <div class="xh-area-form">
                                    {{ Form }}
                                </div>
                                {% if FormButton is defined %}
                                    <div class="xh-area-button" style="padding-left: 65px;">
                                        {{ FormButton }}
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </form>
            </td>
        </tr>
    {% endif %}
</table>
